<template>
  <div class="nav-tab">
    <el-menu default-active="0000001" class="el-menu-vertical-demo" collapse="true" router>
      <el-menu-item index="/market">
         沪深行情
      </el-menu-item>
      <el-menu-item index="/stock" class="green">
         股票中心
      </el-menu-item>

      <el-menu-item index="/plate/industry" class="blue">
         行业板块
      </el-menu-item>
      <el-menu-item index="/plate/concept" class="blue">
        概念板块
      </el-menu-item>
      <el-menu-item index="/plate/area" class="blue">
        地狱板块
      </el-menu-item>

      <el-menu-item index="/hsmarket/main" class="orange">
         主要指数
      </el-menu-item>
      <el-menu-item index="/hsmarket/hushi" class="orange">
        深市指数
      </el-menu-item>
      <el-menu-item index="/hsmarket/shenshi" class="orange">
        沪市指数
      </el-menu-item>

    </el-menu>
</div>
  
</template>

export default {
  data() {
    return {}
  },

}

<style>
/* 左侧导航栏 */
.nav-tab {
  position: relative;
  min-height:600px;
}
.absolute {
  position: absolute;
  overflow-y:scroll;
}
.nav-tab ul.el-menu--collapse{
  position:fixed;
  width: 150px;
  /* margin: 40px auto; */
  margin-left:0px;
  margin-bottom:200px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-left: 0;
  box-shadow: 0 1px 3px #ddd;
}
.nav-tab ul li.el-menu-item {
  border-left-color: #2d66a2;
  border-left-width: 3px;
  border-left-style: solid;
}
.nav-tab ul li.green {
  border-left-color: #8ac792;
}
.blue {
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #5bbadd;
}
.nav-tab ul li.orange {
  border-left-color: #e78819;
}

</style>
